<template>
  <!-- <view :style="{ backgroundColor: bgC ? '#a1a1a1' : '#848484', color: bgC ? '#fff' : '#000' }" class="rig" @tap="tozuti()"> -->
  <!-- <view class="" v-if="bgC">夜间模式</view>
    <view class="" v-else>白天模式</view> -->
  <!-- </view> -->
  <view class="rig">
    <view v-if="bgC" :style="{ color: bgC ? '#000' : '#fff' }">日间</view>
    <view v-else style="color: #ffefcd">夜间</view>
    <u-switch space="2" v-model="isload" activeColor="#848484" inactiveColor="rgb(230, 230, 230)"></u-switch>
  </view>
</template>

<script>
export default {
  props: ['bgC'],
  name: 'zuti',
  data() {
    return {
      isload: true
    };
  },
  computed: {},
  methods: {
    tozuti() {}
  }
};
</script>

<style lang="scss" scoped>
.rig {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; /* 更改主轴为垂直方向 */
  z-index: 99999;
  text-align: center;
  font-size: 25rpx;
  // padding: 3px 10rpx;
  width: 60rpx;
  height: 61rpx;

  // background-color: #fff;
  position: fixed;
  top: 6%;
  left: 8%;
  font-weight: 700;
  color: #333;
}
</style>
